<script setup lang="ts">
import { ref, defineExpose } from "vue";
const dialogTableVisible = ref(false);
const radio1 = ref("计划周期时间");
const value1 = ref("");
import { downloadByUrl } from "@pureadmin/utils";
const openDialog = () => {
  dialogTableVisible.value = true;
};
defineExpose({
  openDialog
});
</script>

<template>
  <el-dialog v-model="dialogTableVisible" title="进展报告" width="600">
    <el-form label-width="100px">
      <el-form-item label="项目时间类型">
        <el-radio-group v-model="radio1">
          <el-radio-button label="计划周期时间" value="计划周期时间" />
          <el-radio-button label="实际开展时间" value="实际开展时间" />
        </el-radio-group>
      </el-form-item>
      <el-form-item label="时间">
        <div>
          <el-date-picker
            v-model="value1"
            clearable
            type="daterange"
            range-separator="至"
            class="!w-[300px]"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            placeholder="请选择时间"
          />
        </div>
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          @click="
            downloadByUrl(
              'http://101.35.156.219:8099/%E9%A1%B9%E7%9B%AE%E7%BB%93%E9%A1%B9%E6%8A%A5%E5%91%8A.docx',
              '项目结项报告.docx'
            );
            dialogTableVisible = false;
          "
          >下载</el-button
        >
        <el-button type="" @click="dialogTableVisible = false">取消</el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<style lang="scss" scoped></style>
